<template>
  <el-container class="layout-container">
    <el-header class="header">
      <Header />
    </el-header>
    <el-main class="content">
      <router-view v-slot="{ Component }">
        <transition name="el-fade-in-linear" mode="out-in">
          <component :is="Component" />
        </transition>
      </router-view>
    </el-main>
  </el-container>
</template>

<script setup lang="ts">

</script>

<style scoped>
.layout-container {
  background-color: #263C48;
  height: 100vh;
}
.header{
  background: #354F5F
}
.content{
  min-width: 1280px;
  margin: 0 auto;
}
</style>